CSS in JS

CSS in JavaScript

atomic css in js

CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.

2021/8にv1.0.0が出た

tailwindの記事だけど一部触れられている

普通のCSSみたいにclassに対しても書けるし、

styled-componentsみたいにcomponetとしてstyleを定義することもできる

CSS Frameworkとごっちゃになっているmrsekut.icon

CSS in JSのこれまでの流れがわかる良い記事

JSで定義したstyleから、CSS objectをruntimeで作成し、<style/>に挿入する

これがemotionやstyled-componentsなど

runtimeでstyling処理をするのでパフォーマンスの問題がある

そこで、Zero-Runtime CSS in JSが登場する

build時に静的なCSSを作成するため、実行時には計算不要